summaryrefslogtreecommitdiff
path: root/src/pages/[locale]/index.astro
blob: 61d38e2ed70458702c1ee5ce23788abb660be199 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
---
import Page from '$layouts/Page.astro';
import localeStaticPaths from '$lib/localeStaticPaths';
import translate from '$i18n/translate';
import tPage from '$i18n/translations/pages/home';
import type Locale from '$types/Locale';
import Button from '$components/Button.astro';
import CommitteeList from '$components/CommitteeList/CommitteeList.astro';

export async function getStaticPaths() {
  return localeStaticPaths;
}

const locale = Astro.params.locale as Locale;
const t = translate(locale);
---

<Page title={t(tPage, { key: 'title' })}>
  <section>
    <h2 set:html={t(tPage, { key: 'sangschaw' })} />
    <p set:html={t(tPage, { key: 'sangschaw-para-1' })} />
  </section>

  <section id="about">
    <h2 set:html={t(tPage, { key: 'about-us' })} />
    <p set:html={t(tPage, { key: 'about-us-para-1' })} />
    <p set:html={t(tPage, { key: 'about-us-para-2' })} />
    <p set:html={t(tPage, { key: 'about-us-para-3' })} />
    <h3 set:html={t(tPage, { key: 'meet-the-commattee' })} />
    <CommitteeList />
  </section>

  <section>
    <h2 set:html={t(tPage, { key: 'furthsettins' })} />
    <p set:html={t(tPage, { key: 'furthsettins-para' })} />
    <Button classNames="grid-span-3 grid-prose-end" href={`/${locale}/furthsettins`}>
      {t(tPage, { key: 'aw-furthsettins' })} ▶
    </Button>
  </section>
</Page>